.page-index {
  min-height: 100vh;
}
.box {
  background-color: #fff;
  padding: 0 20px;
  color: #606266;
}
.box-hd {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  color: #606266;
}
.box-hd:before {
  content: '';
  position: absolute;
  left: -8px;
  bottom: 0;
  right: -8px;
  border-bottom: 1px dashed #D8D8D8;
  transform: scaleY(0.5);
}
.box-hd-label {
  font-size: 12px;
  font-weight: 500;
}
.box-hd-value {
  font-size: 14px;
  font-weight: bold;
}
.box-bd {
  padding-top: 12px;
}
.box-bd-label,.box-bd-value{display: inline-block;}
.box-item {
  /* display: flex;
  justify-content: space-between; */
  font-size: 14px;
  padding-bottom: 6px;
}
.box-item:last-child {
  padding-bottom: 0;
}
.col_r{color: #FF7272}
.col_g{color: #67c23a}




